
.picBox{
    width: 100%;
    height: 508px;
    background: url("../images/newlist.png") center;
    background-size:cover;
}

.newsBox{
    width: 100%;
    min-height:500px;
    margin-top: 58px;
}
.newsListBox{
    width: 1200px;
    margin: auto;
}
.tabListBox{
    height: 90px;
    position: relative;
}
.tabListBoxC{
    overflow: hidden;
    width: 300px;
    margin: auto;
    position: relative;
    z-index:2;
    height:54px;
    line-height: 58px;
    background: #fff;
}
.tabListBoxLine{
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top:27px;
}
.juxingBack{
    top:-5px;
    width: 236px;
    left: 32px;
    height:54px;
    position: absolute;
    background: #09b1b6;
    z-index:1;
    transform:skew(-30deg);
}
.tabsListC{
    top:5px;
    width: 236px;
    left: 22px;
    height:54px;
    position: absolute;
    background: #0ac4c9;
    z-index:2;
    transform:skew(-30deg);
}
.tabsList{
    float: left;
    width: 118px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index:5;
}
.tabsList span{
    position: relative;
    z-index: 5;
}
.tabsList.active{
    color: #0ac4c9;
}
.tabsList.active:after{
    content: ' ';
    position: absolute;
    width: 118px;
    height: 45px;
    background: #fff;
    z-index: 4;
    left: 4px;
    top: 7px;
    transform: skew(-30deg);
}
.tabsList2.active:after{
    content: ' ';
    position: absolute;
    width: 118px;
    height: 45px;
    background: #fff;
    z-index: 4;
    left: -2px;
    top: 7px;
    transform: skew(-30deg);
}

.listBox{
    min-height:300px;
}
.lists{
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
}
.listLeft{
    width: 87px;
    height:91px;
    float: left;
    color: #fff;
}
.listLeftText1{
    width: 100%;
    height:32px;
    line-height: 32px;
    text-align: center;
    background: #c6c6c6;
    font-size: 14px;
}
.listLeftText2{
    width: 100%;
    height:59px;
    line-height: 59px;
    text-align: center;
    font-size: 34px;
    font-weight: bold;

    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0cdac4,endcolorstr=#06a3cf,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0cdac4,endcolorstr=#06a3cf,gradientType=0);/*IE8*/
    background: #06a3cf; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, #0cdac4, rgba(6, 163, 207, 1));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0cdac4), to(rgba(6, 163, 207, 1)));
    background:-o-linear-gradient(top, #0cdac4, rgba(6, 163, 207, 1));
}
.listRight{
    width: 1069px;
    float: right;
}
.listRightPic {
    height: 114px;
    width: 150px;
    overflow: hidden;
    float: left;
}
.listRightPic img{
    width: 100%;
    height:100%;
}
.rightBoxs{}
.listRightText1{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    height: 20px;
}
.listRightText2{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 56px;
    overflow: hidden;
}
.listRightMore{
    width: 102px;
    height:23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #e61a0f;
    cursor: pointer;
}
.listRightMore i{
    font-size: 10px;
    margin-left: 5px;
}

.fenye{}
.M-box{
    float: right;
}
.M-box .next, .M-box .prev, .M-box1 .next, .M-box1 .prev{
    width: 77px;
}
.M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active, .M-box4 .active{
    background: #17a9d2;
    border: 1px solid #17a9d2;
}
.M-box a:hover, .M-box1 a:hover, .M-box2 a:hover, .M-box3 a:hover, .M-box4 a:hover {
    background: #17a9d2;
}